<!-- 消息通知 -->
<div class="notify-container">
  <div class="message" *ngFor="let item of messageList">
    <div class="header" (click)="getMessageDetail(item)">
      <p class="title">{{item.Title}}</p>
      <div class="box">
        <p class="create-time">{{item.CreateTime}}</p>
        <!-- <p class="sender">发件人：{{item.SenderId}}</p> -->
      </div>
      <p class="status" *ngIf="item.State===1"></p>
      <!-- {{item.State===1 ? '未读' :  '已读'}} -->
    </div>
    <p class="content">{{item.Content}}</p>
    <p class="btn-del"><button class="btn-normol" (click)="delMessage(item.Id)">删除</button></p>
  </div>
  <!-- 详情弹窗 -->
  <nz-modal
   [(nzVisible)]="messageModel"
   (nzOnOk)="handleOk()"
   (nzAfterOpen)="handleOpen()"
   (nzAfterClose)="close()"
   [nzCancelText]="null"
   (nzOnCancel)="messageModel=false"

   >
    <ng-template [nzModalTitle]>
      <p class="modal-title">{{modalMessage.Title}}</p>
      <!-- <p class="modal-sender">发件人：{{modalMessage.SenderId}}</p> -->
      <p class="modal-time">发送时间：{{modalMessage.CreateTime}}</p>
      <!-- <p class="modal-receiver">收件人：{{modalMessage.ReceiverId}}</p> -->
    </ng-template>
    <ng-container *nzModalContent>
      <h3 style="text-align:center;">消息内容</h3>
      <p>{{modalMessage.Content}}</p>
      <a href="javascript:;" *ngIf="modalMessage.Page">请跳转到此页面：{{modalMessage.Page}}</a>
    </ng-container>
  </nz-modal>
</div>

